<template>
    <el-card v-show="test1">
    <div>
      <el-form :inline="true" class="demo-form-inline">
          <el-form-item label="审批意见：">
            <el-input v-model="opinion"  style="width:240px;">
              <el-button></el-button>
            </el-input>
          </el-form-item>
          <el-form-item>
            <el-button type="primary">
              同意
              <i class="el-icon-check"></i>
            </el-button>
          </el-form-item>
          <el-form-item>
            <el-button type="danger" plain>
                驳回
                <i class="el-icon-close"></i>
            </el-button>
          </el-form-item>
        </el-form>
    </div>
    <div>
        <el-tabs v-model="activeName" @tab-click="handleClick">
          <!-- 业务详情表单开始 -->
          <el-tab-pane label="业务详情" name="first">
            <el-form label-width="120px" :model="editForm" >
                <el-form-item label="组织:" prop="dictId">
                  <el-col :span="12">
                    <el-input v-model="editForm.dictId" readonly></el-input>
                  </el-col>
                </el-form-item>
                <el-form-item label="验收日期:" prop="data">
                  <el-col :span="12">
                    <el-input v-model="editForm.data"></el-input>
                  </el-col>
                </el-form-item>
                <el-form-item label="验收单编码:" prop="code">
                  <el-col :span="12">
                    <el-input v-model="editForm.code" readonly></el-input>
                  </el-col>
                </el-form-item>
                <el-form-item label="项目:" prop="project">
                  <el-col :span="12">
                    <el-input v-model="editForm.project" readonly></el-input>
                  </el-col>
                </el-form-item>
                <el-form-item label="项目阶段:" prop="phase">
                  <el-col :span="12">
                    <el-input v-model="editForm.phase" readonly></el-input>
                  </el-col>
                </el-form-item>
                <el-form-item label="合同执行阶段:" prop="implement">
                  <el-col :span="12">
                    <el-input v-model="editForm.implement" readonly></el-input>
                  </el-col>
                </el-form-item>
                <el-form-item label="验收内容:" prop="content">
                  <el-col :span="12">
                    <el-input v-model="editForm.content" readonly></el-input>
                  </el-col>
                </el-form-item>
                <el-form-item label="验收意见:" prop="opinion">
                  <el-col :span="12">
                    <el-input v-model="editForm.opinion" readonly></el-input>
                  </el-col>
                </el-form-item>
            </el-form>
          </el-tab-pane>
          <!-- 业务详情表单结束 -->
          <el-tab-pane label="附件" name="second">附件为空</el-tab-pane>
          <!-- 审批记录开始 -->
          <el-tab-pane label="审批记录" name="third">
            <el-table :data="tableData1" border height="100%" stripe>
          <el-table-column type="selection" align="center"></el-table-column>
          <el-table-column type="index" width="50" label="序号"></el-table-column>
          <el-table-column show-overflow-tooltip prop="username" label="单据编号"></el-table-column>
          <el-table-column show-overflow-tooltip prop="email" label="待办标题"></el-table-column>
          <el-table-column show-overflow-tooltip prop="user_type" label="提交人"></el-table-column>
          <el-table-column show-overflow-tooltip prop="created_time" label="当前节点"></el-table-column>
          <el-table-column show-overflow-tooltip prop="account_expired_date" label="当前节点审批人"></el-table-column>
          <el-table-column show-overflow-tooltip prop="status" label="上级节点"></el-table-column>
          <el-table-column show-overflow-tooltip prop="name" label="上级节点审批人"></el-table-column>
          <el-table-column show-overflow-tooltip prop="start_valid_date" label="摘要"></el-table-column>
          <el-table-column show-overflow-tooltip prop="control" label="操作" width="100" fixed="right">
            <template slot-scope="scope">
                <el-button type="text" icon="el-icon-delete" title="删除" @click="handleDel(scope.$index, scope.row)"></el-button>
              </template>
            </el-table-column>
        </el-table>
          </el-tab-pane>
          <!-- 审批记录结束 -->
          <!-- 流程监控开始 -->
          <el-tab-pane label="流程监控" name="fourth">
            <img src="./Process.png" />
          </el-tab-pane>
          <!-- 流程监控结束 -->
        </el-tabs>
    </div>
  </el-card>
</template>
